import React, { useCallback, useDebugValue, useDeferredValue, useMemo, useState, useTransition } from 'react'


// 在 react 中 hooks 能在函数组件最外层使用和在自定义 hooks 中使用
function useMyHooks(flag){
  const [myFl] = useState(flag ? '你好世界11111' : '世界你好22222') 
  // useDebugValue 该 hooks 是用来给自定义 Hooks 添加一个标签用的，可以在浏览器开发工具中打开查看
  useDebugValue(flag ? 'on' : 'off')
  return myFl
}

const App = () => {

    const myFl = useMyHooks(true)
    return (
      <div >
        App --- {myFl}
      </div>
  )
}

export default App